:root {
  /* 亮色模式的变量 */
  --background-color: #ffffff;
  --text-color: #9370DB; 
  --secondary-text-color: #666666;
  --border-color: #e5e5e5;
  --card-background: #ffffff;
  --hover-background: #f5f5f5;
  --primary-color: #7210FF;
  --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* 深色模式的变量 */
[data-theme='dark'] {
  --background-color: #e1cce8e4;
  --text-color: #ffffff;
  --secondary-text-color: #b3b3b3;
  --border-color: #333333;
  --card-background: #242424;
  --hover-background: #2a2a2a;
  --primary-color: #8f44ff;
  --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

/* 全局样式 */
body {
  margin: 0;
  padding: 0;
  background-color: var(--background-color);
  color: var(--text-color);
  transition: all 0.3s ease;
}

/* 添加平滑过渡效果 */
* {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

